import { memo } from 'react';
import type { ReactNode, FC } from 'react';
import { RadioShowItemWrapper } from './style';
import { getImgOnSize } from '@/utils/format';
interface IProps {
  children?: ReactNode;
  url: string;
  name: string;
  content: string;
  id: number;
}

const RadioShowItem: FC<IProps> = (props) => {
  const { url, name, content, id } = props;
  return (
    <RadioShowItemWrapper>
      <a href="javascript:void(0)" className="img">
        <img src={getImgOnSize(url, 120)} alt="" />
      </a>
      <div className="info">
        <a href="javascript:void(0)">{name}</a>
        <a href="javascript:void(0)">{content}</a>
      </div>
    </RadioShowItemWrapper>
  );
};

export default memo(RadioShowItem);
